<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			*{
				margin: 0;
				padding: 0;
			}
			.bx{
				height: 60px;
				width: 100%;
				background: #177ec1;
			}
			.bx .container{
				margin: 0 60px;
				overflow: hidden;
			}
			.bx .container .left{
				width: 201px;
				height: 43px;
				padding-top: 19px;
				color: #FFFFFF;
				font-size: 24px;
				float: left;
			}
			.bx .container .right{
				overflow: hidden;
				width: 124px;
				padding-top: 19px;
				float: right;
			}
			.bx .container .right span{
				font-size: 16px;
				color: #fff;
			}
			.bx .container .right .l{
				float: left;
			}
			.bx .container .right .r{
				float: right;
			}
		</style>
	</head>
	<body>
		<div class="bx">
			<div class="container">
				<h2 class="left">学生就业管理系统</h2>
				<div class="right">
                    <a ><button   id="out">退出登录</button></a>
				</div>
			</div>
		</div>
		<script src="js/jquery-1.9.1.min.js"></script>
	<script>
		 $('#out').click( function ou(){
         	$.ajax({
        	//几个参数需要注意一下
         		type: "get",//方法类型
        		dataType: "json",//预期服务器返回的数据类型
         		url: "/public/logout" ,//url
         		success: function (data) {
         			if (data.code=200) {
         			    alert("已退出")
         			                            //alert(data.msg);
         			     window.parent.location.href='/login';
        			}
        		}
         	});
         });

	</script>
	</body>
</html>
